<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>问题分解</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../viewcss/SearchDecompose.css">
</head>
<body class="mydecompose">
    <div class="layout">
        <div class="title">
            <span>提示</span>
        </div>
        <div class="content">
            <div class="recommend">建议：可以对该溯源问题作进一步分解</div>
            <div class="layout_content">
                <div class="layout_question">
                    <div class="origin"><span>原问题：</span><myspan id="origin_question"></myspan></div>
                    <div class="question_list">
                        <div id="input_questions" class="list-group pre-scrollable">
                            <div class="sub_question">
                                <span class="title">子问题1：</span>
                                <input onclick="clickInput(this)">
                                <div onclick="deleteSubQuestion(this)" class="delete">
                                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                                    <span class="end">删除</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="add_question">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                            添加子问题
                        </div>
                    </div>

                    <div class="operation">
                        <button id="decompose" type="button" class="btn-bottom">确认分解</button>
                        <button id="direct" type="button" class="btn-bottom">直接溯源</button>
                    </div>
                </div>
                <div class="divider"></div>
                <div class="layout_list">
                    <div class="list_title">大数据分解维度推荐</div>
                    <div id="questions" class="list-group pre-scrollable">
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- loading -->
    <div class="loading">
        <img src="../img/loading.gif" />
    </div>
</body>
<script src="../js/jquery-3.5.1.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../viewjs/SearchDecompose.js"></script>
</html>